<template>
    <div class="rankdo">
        <h5>走访排名</h5>
        <el-tabs v-model="activeName" type="card" @tab-click="handleClick">
            <el-tab-pane label="按地市排名" name="first" style="color: white;">
                <foue ref="foue"></foue>
            </el-tab-pane>
            <el-tab-pane label="按调研服务小组排名" name="second" style="color: white;">
                <five ref="five"></five>
            </el-tab-pane>
           
        </el-tabs>
    </div>
</template>
<script>
import foue from "../foue/index.vue";
import five from "../five/index.vue";
export default {
    components: {
       foue,
       five
    },

    data() {
      return {
        activeName: 'first',
        rateScrollList:[],
      };
    },
    methods: {
      handleClick(tab, event) {
      },
      getbanjieList(){
       
      },
      
    },
    mounted(){
        this.getbanjieList();
    }
    
}
</script>
<style lang="scss" scoped>

@import '../../common/common.css';
.rankdo{
    width: 100%;
    height: 100%;
    h5{
        margin-top: 1rem;
        color: white;
        font-size: 3rem;
        text-align: center;
    }
    .conten{
        color: red;
    }
    
}

</style>